* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

body {
	background: #181822;
}

.top_hread {
	width: 100%;
	overflow: auto;
	background: #181822;

}

.top_hread a {
	display: block;
	float: left;
	height: auto;
	width: 10%;
}

.top_hread img {
	width: 100%;
	height: auto;
}

.top_hread p {
	width: 84%;
	line-height: 2rem;
	float: left;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}

.time {
	text-indent: 4%;
	color: #ffff;
	margin-top: 1.719rem;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
	letter-spacing: 0.022rem;
	color: #ffffff;
}

.user p:nth-of-type(4) span:nth-of-type(1) {
	background: #ff326d;
	display: block;
	padding: 0.281rem 0.375rem;
	border-radius: 0.3rem;
	font-size: 0.625rem;
	color: #ffffff;
}

.user p:nth-of-type(4) img {
	width: 1rem;
	float: left;
	margin-left: 0.5rem;
}

.yb {
	width: 92%;
	height: 6.906rem;
	background-image: linear-gradient(90deg,
		#fd738b 0%,
		#ff2c6a 100%),
		linear-gradient(#ff8584,
		#ff8584);
	background-blend-mode: normal,
		normal;
	border-radius: 0.156rem;
	margin-left: 4%;
	margin-top: 0.906rem;
}

.yb p {
	/* float: left; */
	text-align: center;
}

.yb p:nth-of-type(1) {
	padding-top: 1.438rem;
	overflow: auto;
}

.yb p:nth-of-type(1) img {
	width: 1.625rem;
	height: 1.625rem;
	float: left;
	margin-left: 40%;
	opacity: 0.8;
}

.yb p:nth-of-type(1) span {
	display: block;
	float: left;
	color: #fff;
	font-size: 1rem;
	margin-left: 0.344rem;
	width: auto;
}

.yb p:nth-of-type(2) {
	text-align: center;
	font-size: 1.375rem;
	margin-top: 1rem;
	color: #ffffff;
}

.gh {
	width: 92%;
	margin-left: 4%;
	height: 2.844rem;
	background: url(http://qiniu.live.kxg99.com/yuzhibo/addpic/bgsa.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 1.406rem;
	margin-top: 1.281rem;
}

.gh p:nth-of-type(1) {
	float: left;
	width: 1.7rem;
	text-align: center;
	margin-left: 1.656rem;
}

.gh p:nth-of-type(1) img {
	width: 1.094rem;
	margin-top: 0.416rem;
}

.gh p:nth-of-type(1) span {
	font-size: 0.75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
	display: block;
	float: left;
	width: 100%;
	margin-top: -0.2rem;
	text-align: center;
}

.gh p:nth-of-type(2) {
	float: left;
	width: 40%;
	margin-left: 8%;
	font-size: 0.625rem;
	letter-spacing: 0rem;
	margin-top: 0.4rem;
	color: #ffffff;
}

.gh p:nth-of-type(3) {
	height: 1.531rem;
	float: right;
	background-image: linear-gradient(90deg,
		#ffe1b3 0%,
		#fff1da 100%);
	line-height: 1.531rem;
	border-radius: 0.75rem;
	font-size: 0.75rem;
	width: 23%;
	text-align: center;
	margin-right: 5%;
	margin-top: 0.6565rem;
}

.tiitle {
	margin-top: 2rem;
	height: auto;
	width: 100%;
	text-align: center;
}

.tiitle img {
	width: 0.781rem;
	height: 0.781rem;
}

.tiitle span {
	color: #fff;
	font-size: 0.875rem;
	font-weight: normal;
	margin: 0 0.625rem;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #ffffff;
}

.adduser {
	width: 92%;
	margin-left: 4%;
	height: auto;
	margin-top: 0.906rem;
	background-color: #2a2a2e;
	border-radius: 0.156rem;
}

.adduser>p {
	padding-top: 0.719rem;
	width: 92%;
	overflow: auto;
	margin-left: 4%;
}

.adduser p span {
	display: block;
	float: left;
	font-size: 0.813rem;
	letter-spacing: 0rem;
	color: #ffffff;
}

.adduser p span:nth-of-type(2) {
	float: right;
}

.adduser_list {
	width: 92%;
	margin-top: 1.469rem;
	margin-left: 4%;
	overflow: auto;
}

.adduser_div {
	width: 16.8%;
	float: left;
	float: left;
	margin-bottom: 1.031rem;
	height: 6rem;
	margin-right: 4%;
}

.adduser_div:nth-of-type(5) {
	margin-right: 0;
}

.adduser_div:nth-of-type(10) {
	margin-right: 0;
}

.adduser_div:nth-of-type(20) {
	margin-right: 0;
}

.adduser_div:nth-of-type(15) {
	margin-right: 0;
}

.adduser_div .mls {
	background: url(../i/timg.jpg) no-repeat;
	background-size: 100% auto;
	border-radius: 50%;
	width: 2.844rem;
	height: 2.844rem;
	margin-bottom: 0.625rem;
}

.adduser_div .addus {
	background: url(../i/timg.png) no-repeat;
	background-size: 100% auto;
	border-radius: 50%;
	width: 2.844rem;
	height: 2.844rem;
	margin-bottom: 0.625rem;
}

.adduser_div p:nth-of-type(2) {
	font-size: 0.688rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	color: #fee0bb;
	width: 100%;
	text-align: center;
}

.adduser_div p:nth-of-type(3) {
	width: 100%;
	height: 0.906rem;
	background-image: linear-gradient(90deg,
		#ffe1b3 0%,
		#fff1da 100%);
	text-align: center;
	border-radius: 0.438rem;
	font-size: 0.563rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0rem;
	margin-top: 0.25rem;
	color: #010101;
}

.kols p:nth-of-type(2) {
	color: #a09a91;
}

.kols p:nth-of-type(3) {
	background: #2a2a2e;
	color: #2a2a2e;
}

.adduserbtn {
	width: 92%;
	margin-left: 4%;
	height: 2.531rem;
	background: #FE2C55;
	border-radius: 0.156rem;
	outline: none;
	border: none;
	font-size: 1rem;
	color: #fff;
	margin-bottom: 0.906rem;
}

.bottomnav {
	width: 75%;
	margin-top: 1.531rem;
	overflow: auto;
	margin-left: 13%;
	margin-bottom: 1.188rem;
}

.bottomnav p {
	float: left;
	width: 25%;
	text-align: center;
}

.bottomnav p span {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
}

.bottomnav p img {
	width: 40px;
}

.user {
	width: 92%;
	margin-left: 4%;
	background: url(http://qiniu.live.kxg99.com/yuzhibo/addpic/userbg.png) no-repeat;
	background-size: 100% auto;
	height: 11.5rem;
	margin-top: 1.2rem;
}

.user_pic {
	width: 2.75rem;
	margin-left: 4%;
	float: left;
	background: url(http://qiniu.live.kxg99.com/yuzhibo/redian-img-zan.png) no-repeat;
	background: 100% auto;
	border-radius: 50%;
	margin-top: 1rem;
	height: 2.75rem;
	overflow: hidden;
}

.user_pic img {
	width: 100%;
}

.yub {
	width: 100%;
	float: right;
	text-align: left;
	height: 2rem;
	line-height: 2rem;
	background: rgba(0, 0, 0, 0.2);
	text-indent: 5%;
	/* margin-right: 5%; */
	color: #fff;
	margin-top: .7rem;
	font-size: 0.938rem;
}

.username {
	width: 65%;
	height: auto;
	float: left;
	color: #fff;
	margin-left: 0.5rem;
	margin-top: 0.8rem;
	text-align: left;
}

.username span:nth-of-type(1) {
	margin-right: 0.23rem;
	font-size: 0.875rem;
}

.username span:nth-of-type(2) {
	padding: 2px 10px 1px 10px;
	border-radius: 1rem;
	font-size: 0.625rem;
	border: 1px solid #fff;
}

.user_time {
	width: auto;
	padding: 1px 2px;
	background: rgba(254, 254, 254, 0.2);
	text-align: left;
	font-size: 0.75rem;
	color: #fff;
	margin-left: 0.5rem;
	float: left;
	margin-top: 0.5rem;
}

.darena {
	width: 92%;
	margin-left: 4%;
	overflow: auto;
	padding-bottom: 1rem;
	margin-top: 1.5rem;
	background: #2A2A2E;

}

.darena>p:nth-of-type(1) {
	color: #FFFFFF;
	padding-top: 1rem;
	text-indent: 8%;
	width: 50%;
	float: left;
	font-size: 0.875rem;
}

.darena>p:nth-of-type(2) {
	text-align: right;
	width: 46%;
	margin-top: 1rem;
	float: right;
	margin-right: 4%;
	font-size: 0.875rem;
	color: #808080;
}

.darena>p:nth-of-type(2) span {
	color: #FFC107;
}

.bgsa {
	width: 50%;
	height: 6px;
	border-radius: 1.2rem;
	margin-top: 1.2rem;
	margin-left: 4%;
	float: left;
	background: #757575;
	margin-bottom: 1.2rem;
}

.bgsa p {
	width: 10%;
	height: 100%;
	transition: all 1s;
	float: left;
	border-radius: 1.2rem;
	background: linear-gradient(90deg, #FE2C55, #FFC107);
}

.darena a {
	display: block;
	width: auto;
	float: right;
	margin-right: 4%;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #FE2C55;
	font-size: 0.6rem;
	padding: 0 1rem;
	margin-top: 0.875rem;
	border: 1px solid #FF0000;
	border-radius: 2rem;
	margin-left: 7.5%;
}

.cl {
	display: none;
}

.tcsja {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1F1F23;
}

.mains {
	width: 92%;
	margin-left: 4%;
	border-radius: 14px;
	float: left;
	background: #fff;
	margin-top: 35%;
	overflow: auto;
}

.mainsa_tit {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	margin-bottom: 1.3125rem;
	font-weight: 550;
	background: linear-gradient(90deg, #FD738B 0%, #FF2F6B 100%);
}

.payfsw {
	height: 2.5rem;
	width: 92%;
	margin-bottom: 0.875rem;
	margin-left: 4%;
	border: 1px solid #39393C;
	border-radius: 5px;
}

.payfsw>img {
	width: 1.5rem;
	float: left;
	margin-top: 0.5rem;
	margin-left: 1.4375rem;
}

.payfsw span:nth-of-type(1) {
	display: block;
	float: left;
	width: auto;
	height: 100%;
	margin-left: 0.9375rem;
	font-size: 0.875rem;
	line-height: 2.5rem;
}

.payfsw small {
	display: block;
	float: right;
	width: 1.375rem;
	height: 1.375rem;
	text-align: center;
	line-height: 1.1rem;
	margin-right: 1.4375rem;
	margin-top: 0.5625rem;
	background: #39393C;
	border-radius: 50%;
}

.mains p:nth-of-type(3) {
	margin-bottom: 2.5rem;

}

.payfsw small img {
	width: 50%;

}

.btnsure {
	width: 92%;
	margin-left: 4%;
	height: 2.1875rem;
	text-align: center;
	line-height: 2.1875rem;
	color: #fff;
	margin-bottom: 0.938rem;
	font-size: 0.875rem;
	background: #FE2C55;
	border-radius: 5px;
}

.closebtn {
	width: 92%;
	margin-left: 4%;
	height: 2.1875rem;
	text-align: center;
	line-height: 2.1875rem;
	color: #fff;
	font-size: 0.875rem;
	border: 1px solid #FE2C55;
	color: #FE2C55;
	margin-bottom: 1.21875rem;
	border-radius: 5px;
}

.addpis {
	width: 90%;
	margin-left: 5%;
	overflow: auto;
	margin-top: 1.5rem;
	float: left;
}

.yuea {
	color: #FFFFFF;
	font-size: 0.938rem;
	float: left;
	width: 50%;
	height: 1.5rem;
	overflow: hidden;
}

.xfjs {
	float: right;
	width: 50%;
	text-align: right;
	color: #FFFFFF;
	height: 1.5rem;
	` font-size: 0.938rem;
	overflow: hidden;
}

.sr {
	color: #FFFFFF;
	font-size: 0.938rem;
	float: left;
	height: 1.5rem;
	margin-top: 0.55rem;
	width: 50%;
	overflow: hidden;
}

.lwdsj {
	float: right;
	width: 50%;
	text-align: right;
	height: 1.5rem;
	overflow: hidden;
	color: #FFFFFF;
	margin-top: 0.55rem;
	font-size: 0.938rem;
}
